<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit"> 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 
<meta name="format-detection" content="telephone=no" /> 
<link rel="shortcut icon" href="images/logo.ico" />
<title>闪度生活</title>
<meta name="keywords" content=" " />
<meta name="description" content=" " />


<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="css/swiper-3.4.1.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">

<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/easing.js"></script>
<script src="js/swiper-3.4.1.min.js"></script>
<script src="js/index.js"></script>
<script src="js/main.js"></script>


<script src="./js/vue.js"></script>
<script src="./js/axios.min.js"></script>
<script src="./js/axios-config.js"></script>
<script src="./js/js.cookie.js"></script>
<script src="./js/utils.js"></script>

</head>

<body>
<div class="chakan_show">
    <div class="chakan_show_bg"></div>
    <div class="chakan_show_con">
        <h5>用户下单后可查看联系电话</h5>
    </div>
</div>
<!--  / header  -->
<div class="header_longevity">
     <div class="header_map_longevity">   
        <img src="images/jiantou.png" alt="">
        <span>返回</span>
     </div>
     <div class="logo_longevity">详情页</div> 
     <div class="header_shop_longevity header_shop_longevity_yyxd">
        <span>预约下单</span>
     </div> 
</div>
<!--  / header  -->
<div id="app" v-cloak>

<div class="service">
	
<div class="service_inner">
	<div class="service_inner_con clearfix">
		<div class="service_inner_con_left">
			<div class="service_pro_list_left_img">
				<img :src="service_details.logo_pic">
				<span v-if='service_details.is_bzj'>有保证金</span>
				<span v-else style="1px solid #999999;background-color: #999;">无保证金</span>
			</div>
			<h5>{{service_details.name}}</h5>
			 <p v-if="service_details.age">{{service_details.age}}岁</p> 
		</div>	
		
		<div class="service_inner_con_right">
			<ul>
				<li>服务态度 :
					<i class="fa fa-star"></i><i class="fa" :class="parseFloat(service_details.service_attitude)<parseFloat('70%')?'fa-star-o':'fa-star'"></i><i class="fa" :class="parseFloat(service_details.service_attitude)<parseFloat('80%')?'fa-star-o':'fa-star'"></i><i class="fa" :class="parseFloat(service_details.service_attitude)<parseFloat('90%')?'fa-star-o':'fa-star'"></i><i class="fa" :class="parseFloat(service_details.service_attitude)<parseFloat('100%')?'fa-star-o':'fa-star'"></i><b>{{service_details.service_attitude}}</b>
				</li>
				<li>诚实守信 :
					<i class="fa fa-star"></i><i class="fa" :class="parseFloat(service_details.integrity)<parseFloat('70%')?'fa-star-o':'fa-star'"></i><i class="fa" :class="parseFloat(service_details.integrity)<parseFloat('80%')?'fa-star-o':'fa-star'"></i><i class="fa" :class="parseFloat(service_details.integrity)<parseFloat('90%')?'fa-star-o':'fa-star'"></i><i class="fa" :class="parseFloat(service_details.integrity)<parseFloat('100%')?'fa-star-o':'fa-star'"></i><b>{{service_details.integrity}}</b>
				</li>
				<li>成果验收 :
					<i class="fa fa-star"></i><i class="fa" :class="parseFloat(service_details.achievement)<parseFloat('70%')?'fa-star-o':'fa-star'"></i><i class="fa" :class="parseFloat(service_details.achievement)<parseFloat('80%')?'fa-star-o':'fa-star'"></i><i class="fa" :class="parseFloat(service_details.achievement)<parseFloat('90%')?'fa-star-o':'fa-star'"></i><i class="fa" :class="parseFloat(service_details.achievement)<parseFloat('100%')?'fa-star-o':'fa-star'"></i><b>{{service_details.achievement}}</b>
				</li>
			</ul>
			<p>上月订单数 :<span>{{service_details.alternative}}</span>  <i>好评率 :<b>{{service_details.favorable_rate}}</b></i></p>
			<!-- <h5>联系方式 :<span>{{service_details.tel}}</san> <i class="go-chakan">查看</i></h5> -->
		</div>
	</div>
	
	<div class="service_sp"></div>
	
	<div class="service_inner_list">
		<span v-if="isCompany==1">公司(门市)地址 :</span><span v-if="isCompany==2">现住址 :</span>
		{{service_details.province}}
		{{service_details.city}}
		{{service_details.district}}
	</div>
	
	<div class="service_inner_list">
		<span>收费标准 :</span>
		{{service_details.price}}元/小时
	</div>
	
	<div class="service_inner_list">
		<span>服务类型 :</span>
		{{service_details.classname}}
	</div>
	
	<div class="service_inner_list">
		<span>服务区域 :</span>
		{{service_details.ser_area}}
	</div>
	
	<div class="service_inner_list">
		<span>服务商圈 :</span>
		{{service_details.business_area}}
	</div>
	
	<div class="service_inner_list service_inner_list1">
		<span>服务时间 :</span>
		{{service_details.service_time}}
	</div>
	
	<!-- <div class="service_sp"></div> -->
	
	<div class="service_inner_text">
		<h5>服务内容 :</h5>
		<p>{{service_details.service_content}}</p>
	</div>
	
	<div class="service_inner_text">
		<h5>公司简介 :</h5>
		<p>{{service_details.des}}</p>
	</div>
	
	<div v-if='service_details.special_requirements' class="service_inner_text">
		<h5>其它说明 :</h5>
		<p>{{service_details.special_requirements}}</p>
	</div>
	
	<div class="service_inner_img">
		<img v-if="service_details.pic1" :src="service_details.pic1" width="32%" height="110px">
		<img v-if="service_details.pic2" :src="service_details.pic2" width="32%" height="110px">
		<img v-if="service_details.pic3" :src="service_details.pic3" width="32%" height="110px">
		<img v-if="service_details.pic4" :src="service_details.pic4" width="32%" height="110px">
		<img v-if="service_details.pic5" :src="service_details.pic5" width="32%" height="110px">
		<img v-if="service_details.pic6" :src="service_details.pic6" width="32%" height="110px">
	</div>
	
</div>	
	
</div>


<div class="service_show">
	<div class="service_show_bg"></div>
	<div class="service_show_con">
		<h5>e闪度提示 :</h5>
		<p><span>1、</span>您接了订单后务必及时与订单中的客户电话联系,按时出工.以免因客户不愿等待您太久而被取消订单。</p>
		<p><span>2、</span>接了客户订单没有出工情况(违约)达到3次以上的,您的个人平台信息将会被系统自动屏蔽30天,屏蔽期间您就收不到客户订单.待30天期满,系统将自动为您解除,您可继续收到订单(到时平台也会有信息提示您)。</p>
		<p><span>3、</span>没有时间出工的,您可以不接单(关小手机声音),20分钟后系统将为自动取消订单.但您若接了客户订单,但又不出工的属于您的违约(系统不再自动为您取消订单),系统会在您的钱包中扣出违约金(违约一次8元)。</p>
		<p>【闪度平台】客服电话:400-808-9949</p>
		<h4><span>取消</span><a href="service_inner1.html"><b>好的,知道了</b></a></h4>
	</div>
</div>



</div>

</body>
<script>
$(window).ready(function(){

var vm = new Vue({
		el:"#app",
		data() {
            return {
                city_name:sessionStorage.getItem("cityLocation"),
                service_details:{},
                isCompany:getCookie("service_is_company"),
            }
		},
    created: function () {
		var $this = this;
    	$this.getService_details();
//        $this.userLogin();
        
    },
    mounted:function(){
    	
    },
    methods:{
    	//服务详情
    	getService_details:function(){
    		var $this = this;
    		
    		const data = {
    			service_id:getCookie("service_details_id")
    		}
    		
    		Axios.post(window.Url.service_details, data).then((res) => {
    			
    			if(res.result == 1){
    				$this.service_details = res.info.service;
    			}
    			else{
    				alert('服务详情：'+res.info)
    			}
    			
        }).catch((err) => {
          console.log('服务详情：'+err)
        })
    	},
    	//跳转详情页
    	jump:function(type_id){
    		setCookie('service_details_id',type_id);
    	}
	}
})



$('.banner').height($(window).width()*400/750);

var mySwiper_banner = new Swiper ('.swiper-container-banner', {
    loop: true,
    pagination: '.swiper-pagination-banner',
	autoplay : 5000,
	autoplayDisableOnInteraction : false,
})
$('.header_map_longevity').click(function(){
    history.go(-1);
});
$('.longevity1 li').click(function(){
    window.location.href = "InformationDetails.html";
});
$('.collage1').click(function(){
    window.location.href = "shopDetail.html";
});
$('.ind_share_btn').click(function(){
	  window.location.href = "bigStage.html";
});
$('#goOrder').click(function(){
	  window.location.href = "orderList.html";
});
$('.order1').click(function(){
	  window.location.href = "payment-orders.html";
});
$('.order3').click(function(){
	  window.location.href = "energetic-orders.html";
});


$('.header_shop_longevity_yyxd').click(function(){
	$('.service_show').stop(true).fadeIn(600)
})

$('.service_show_con h4 span').click(function(){
	$('.service_show').stop(true).fadeOut(600)
})
$('.go-chakan').click(function(){
    $('.chakan_show').css('display','block');
});
$('.chakan_show_bg').click(function(){
    $('.chakan_show').css('display','none');
})

  
})  
</script>
</html>
